<div class="data" id="dataContent" style="background: #010e50 center top no-repeat; background-size: 100% auto">
  <div class="headerWrap">
    <div class="header">
      <div class="h_left">{{ currentDateTime }}</div>
      <div class="h_center">息烽县人民医院医共体信息平台</div>
      <div class="h_right">
        <div class="tabBtn" [ngClass]="{ dateBtnSelected: dataType === 1 }" (click)="switchDataType(1)">本周</div>
        <div class="tabBtn" [ngClass]="{ dateBtnSelected: dataType === 2 }" (click)="switchDataType(2)">本月</div>
        <div class="tabBtn" [ngClass]="{ dateBtnSelected: dataType === 3 }" (click)="switchDataType(3)">今年</div>
      </div>
    </div>
  </div>

  <div class="topMainData">
    <div>
      床位使用率：
      <span>{{ dashboardTop ? dashboardTop.bedusagerate : 0 }}</span>
    </div>
    <div>
      门诊就诊人数：
      <span>{{ dashboardTop ? dashboardTop.patientcount : 0 }}</span>
    </div>
    <div>
      住院人数：
      <span>{{ dashboardTop ? dashboardTop.patientusedbed : 0 }}</span>
    </div>
    <div>
      总收入：
      <span>{{ dashboardTop ? dashboardTop.faretotal : 0 }}</span>
    </div>
  </div>
  <div class="data-content" style="width: 90%; margin: auto">
    <div class="con-left fl">
      <div class="leftNumArae">
        <div>
          <div>县域就诊率</div>
          <div class="percentage">20%</div>
        </div>
        <div>
          <div>上传率</div>
          <div class="percentage">0%</div>
        </div>
        <div>
          <div>下传率</div>
          <div class="percentage">0%</div>
        </div>
      </div>

      <div class="right-top boxstyle leftBox1" style="padding-bottom: 12px">
        <div class="boxTitle">
          <span>工作质量</span>
        </div>
        <div class="personNum">
          <div>
            <div>
              病床使用率：
              <span class="yellowNum">
                {{ dashboardTop ? dashboardTop.bedusagerate : 0 }}
                <!-- <span class="arrowTop">↑ 18%</span> -->
              </span>
            </div>
            <div>
              病床周转率(次)：
              <span class="yellowNum">
                {{ dashboardTop ? dashboardTop.convertrate : 0 }}
                <!-- <span class="arrowTop">↑ 18%</span> -->
              </span>
            </div>
          </div>
          <div>
            <div>
              平均住院日(天)：
              <span class="yellowNum">
                {{ dashboardTop ? dashboardTop.averagehospitalizationdays : 0 }}
                <!-- <span class="arrowTop">↑ 18%</span> -->
              </span>
            </div>
            <div>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp; &nbsp;
              <span class="yellowNum">
                <!-- <span class="arrowBottom">↓ 12%</span> -->
              </span>
            </div>
          </div>
        </div>
      </div>

      <div class="right-top boxstyle leftBox1">
        <div class="boxTitle">
          <span>收入排行</span>
        </div>
        <app-income-chart #incomeChart [dataType]="dataType"></app-income-chart>
      </div>

      <app-organization-info></app-organization-info>
    </div>
    <div class="con-center fl boxstyle" style="margin: 0 20px">
      <div class="boxTitle">
        <span>地图</span>
      </div>
      <div class="map-num">
        <p style="margin-top: 18px">
          机构数：
          <b class="yellowNumBold">{{ organizationPatientInfos ? organizationPatientInfos.length : 0 }}</b>
        </p>

        <div class="map-num-left">
          <div>门诊处方数：<b class="yellowNumBold">{{areaMapRightData?areaMapRightData.adviceqty: 0}}</b>
          </div>
          <div>门诊收入：<b class="yellowNumBold">{{areaMapRightData?areaMapRightData.fadetails: 0}}</b>
          </div>
        </div>
        <!-- <div class="num">
                <span>1</span>
                <span>5</span>
                <span>4</span>
            </div> -->
      </div>
      <app-area-map></app-area-map>
      <app-curve-chart></app-curve-chart>
    </div>
    <div class="con-right fr">
      <div class="right-top boxstyle leftBox1" style="margin-top: 0">
        <div class="boxTitle">
          <span>数据统计服务</span>
        </div>
        <app-public-health-chart #healthChart></app-public-health-chart>
      </div>

      <div class="right-top boxstyle leftBox1" style="min-height: calc(100% - 425px)">
        <div class="boxTitle">
          <span>机构就诊人次</span>
        </div>
        <div class="personNum">
          <table>
            <thead>
              <tr>
                <th>机构名</th>
                <th>门诊数</th>
                <th>住院数</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let organizationInfo of organizationPatientInfos">
                <td>{{ organizationInfo.organizename }}</td>
                <td>{{ organizationInfo.outpatientqty }}</td>
                <td>{{ organizationInfo.hospitalizationqty }}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div style="height: 20px"></div>
    </div>
  </div>
</div>